<template>
    <div>
        <header-view></header-view>

        <div class="i_bg">
            <div class="postion">
                <span class="fl">全部 > 美妆个护 > 香水 > 香奈儿</span>
            </div>
            <div class="content mar_20">
                <div class="l_history">
                    <div class="his_t">
                        <span class="fl">浏览历史</span>
                        <span class="fr"><a href="#">清空</a></span>
                    </div>
                    <ul>
                        <li>
                            <div class="img"><a href="#"><img src="images/his_1.jpg" width="185" height="162" /></a>
                            </div>
                            <div class="name"><a href="#">Dior/迪奥香水2件套装</a></div>
                            <div class="price">
                                <font>￥<span>368.00</span></font> &nbsp; 18R
                            </div>
                        </li>
                        <li>
                            <div class="img"><a href="#"><img src="images/his_2.jpg" width="185" height="162" /></a>
                            </div>
                            <div class="name"><a href="#">Dior/迪奥香水2件套装</a></div>
                            <div class="price">
                                <font>￥<span>768.00</span></font> &nbsp; 18R
                            </div>
                        </li>
                        <li>
                            <div class="img"><a href="#"><img src="images/his_3.jpg" width="185" height="162" /></a>
                            </div>
                            <div class="name"><a href="#">Dior/迪奥香水2件套装</a></div>
                            <div class="price">
                                <font>￥<span>680.00</span></font> &nbsp; 18R
                            </div>
                        </li>
                        <li>
                            <div class="img"><a href="#"><img src="images/his_4.jpg" width="185" height="162" /></a>
                            </div>
                            <div class="name"><a href="#">Dior/迪奥香水2件套装</a></div>
                            <div class="price">
                                <font>￥<span>368.00</span></font> &nbsp; 18R
                            </div>
                        </li>
                        <li>
                            <div class="img"><a href="#"><img src="images/his_5.jpg" width="185" height="162" /></a>
                            </div>
                            <div class="name"><a href="#">Dior/迪奥香水2件套装</a></div>
                            <div class="price">
                                <font>￥<span>368.00</span></font> &nbsp; 18R
                            </div>
                        </li>
                    </ul>
                </div>
                <div class="l_list">
                    <div class="brand_t">所有品牌</div>
                    <div class="list_c">

                        <ul class="brand">
                            <li>
                                <div class="img"><img src="images/brand1.jpg" width="226" height="108" /></div>
                                <div class="name"><span>普拉达</span>（20）</div>
                            </li>
                            <li>
                                <div class="img"><img src="images/brand2.jpg" width="226" height="108" /></div>
                                <div class="name"><span>劳力士</span>（20）</div>
                            </li>
                            <li>
                                <div class="img"><img src="images/brand3.jpg" width="226" height="108" /></div>
                                <div class="name"><span>古奇</span>（20）</div>
                            </li>
                            <li>
                                <div class="img"><img src="images/brand4.jpg" width="226" height="108" /></div>
                                <div class="name"><span>迪奥</span>（20）</div>
                            </li>
                            <li>
                                <div class="img"><img src="images/brand1.jpg" width="226" height="108" /></div>
                                <div class="name"><span>普拉达</span>（20）</div>
                            </li>
                            <li>
                                <div class="img"><img src="images/brand2.jpg" width="226" height="108" /></div>
                                <div class="name"><span>劳力士</span>（20）</div>
                            </li>
                            <li>
                                <div class="img"><img src="images/brand3.jpg" width="226" height="108" /></div>
                                <div class="name"><span>古奇</span>（20）</div>
                            </li>
                            <li>
                                <div class="img"><img src="images/brand4.jpg" width="226" height="108" /></div>
                                <div class="name"><span>迪奥</span>（20）</div>
                            </li>
                            <li>
                                <div class="img"><img src="images/brand1.jpg" width="226" height="108" /></div>
                                <div class="name"><span>普拉达</span>（20）</div>
                            </li>
                            <li>
                                <div class="img"><img src="images/brand2.jpg" width="226" height="108" /></div>
                                <div class="name"><span>劳力士</span>（20）</div>
                            </li>
                            <li>
                                <div class="img"><img src="images/brand3.jpg" width="226" height="108" /></div>
                                <div class="name"><span>古奇</span>（20）</div>
                            </li>
                            <li>
                                <div class="img"><img src="images/brand4.jpg" width="226" height="108" /></div>
                                <div class="name"><span>迪奥</span>（20）</div>
                            </li>
                            <li>
                                <div class="img"><img src="images/brand1.jpg" width="226" height="108" /></div>
                                <div class="name"><span>普拉达</span>（20）</div>
                            </li>
                            <li>
                                <div class="img"><img src="images/brand2.jpg" width="226" height="108" /></div>
                                <div class="name"><span>劳力士</span>（20）</div>
                            </li>
                            <li>
                                <div class="img"><img src="images/brand3.jpg" width="226" height="108" /></div>
                                <div class="name"><span>古奇</span>（20）</div>
                            </li>
                            <li>
                                <div class="img"><img src="images/brand4.jpg" width="226" height="108" /></div>
                                <div class="name"><span>迪奥</span>（20）</div>
                            </li>
                            <li>
                                <div class="img"><img src="images/brand1.jpg" width="226" height="108" /></div>
                                <div class="name"><span>普拉达</span>（20）</div>
                            </li>
                            <li>
                                <div class="img"><img src="images/brand2.jpg" width="226" height="108" /></div>
                                <div class="name"><span>劳力士</span>（20）</div>
                            </li>
                            <li>
                                <div class="img"><img src="images/brand3.jpg" width="226" height="108" /></div>
                                <div class="name"><span>古奇</span>（20）</div>
                            </li>
                            <li>
                                <div class="img"><img src="images/brand4.jpg" width="226" height="108" /></div>
                                <div class="name"><span>迪奥</span>（20）</div>
                            </li>
                            <li>
                                <div class="img"><img src="images/brand1.jpg" width="226" height="108" /></div>
                                <div class="name"><span>普拉达</span>（20）</div>
                            </li>
                            <li>
                                <div class="img"><img src="images/brand2.jpg" width="226" height="108" /></div>
                                <div class="name"><span>劳力士</span>（20）</div>
                            </li>
                            <li>
                                <div class="img"><img src="images/brand3.jpg" width="226" height="108" /></div>
                                <div class="name"><span>古奇</span>（20）</div>
                            </li>
                            <li>
                                <div class="img"><img src="images/brand4.jpg" width="226" height="108" /></div>
                                <div class="name"><span>迪奥</span>（20）</div>
                            </li>
                            <li>
                                <div class="img"><img src="images/brand1.jpg" width="226" height="108" /></div>
                                <div class="name"><span>普拉达</span>（20）</div>
                            </li>
                            <li>
                                <div class="img"><img src="images/brand2.jpg" width="226" height="108" /></div>
                                <div class="name"><span>劳力士</span>（20）</div>
                            </li>
                            <li>
                                <div class="img"><img src="images/brand3.jpg" width="226" height="108" /></div>
                                <div class="name"><span>古奇</span>（20）</div>
                            </li>
                            <li>
                                <div class="img"><img src="images/brand4.jpg" width="226" height="108" /></div>
                                <div class="name"><span>迪奥</span>（20）</div>
                            </li>
                            <li>
                                <div class="img"><img src="images/brand1.jpg" width="226" height="108" /></div>
                                <div class="name"><span>普拉达</span>（20）</div>
                            </li>
                            <li>
                                <div class="img"><img src="images/brand2.jpg" width="226" height="108" /></div>
                                <div class="name"><span>劳力士</span>（20）</div>
                            </li>
                            <li>
                                <div class="img"><img src="images/brand3.jpg" width="226" height="108" /></div>
                                <div class="name"><span>古奇</span>（20）</div>
                            </li>
                            <li>
                                <div class="img"><img src="images/brand4.jpg" width="226" height="108" /></div>
                                <div class="name"><span>迪奥</span>（20）</div>
                            </li>
                        </ul>

                        <div class="pages">
                            <a href="#" class="p_pre">上一页</a><a href="#" class="cur">1</a><a href="#">2</a><a
                                href="#">3</a>...<a href="#">20</a><a href="#" class="p_pre">下一页</a>
                        </div>

                    </div>
                </div>
            </div>
        </div>

        <footer-view></footer-view>
    </div>
</template>

<script>
import HeaderView from './HeaderView.vue';
import FooterView from './FooterView.vue';
export default {
    name: 'BrandView',
    components: {
        HeaderView,
        FooterView
    }
}
</script>

<style></style>